$(function() {
	function calcPage() {
		//设定页面容器的高度等于文档(视口)的高度
		$("#panel").height($(document).outerHeight());

		//动态计算页面右部分的宽度
		var rightWitdh = $("#panel").innerWidth() - $("#left").outerWidth();
		$("#right").outerWidth(rightWitdh);

		//动态计算右边内容展示区的高度
		var centerHeight = $("#panel").outerHeight() - $("#top").outerHeight() - $("#bottom").outerHeight();
		$("#center").height(centerHeight);
	}
	calcPage();
	//动态计算页面控件大小(当页面调整大小时)
	$(window).resize(function() {
		calcPage();
	});

	function showMenu() {
		/*--------------- 菜单效果:begin ---------------*/
		var odd = [];
		$("#menu>p").each(function(i) {
			odd[i] = true;
			$(this).mouseover(function() {
				odd[i] = !odd[i];
				if(odd[i]) {
					$(this).find("span").html("&gt;");
					$(this).next().find("div").slideUp("fast");
				} else {
					$(this).find("span").html("&lt;");
					$(this).next().find("div").slideDown("fast");

				}
			});
			//			$(this).mouseout(function(){
			//				odd[i] = !odd[i];
			//				if(odd[i]){
			//					$(this).find("span").html("∨");
			//					$(this).next().find("div").slideUp("fast");
			//				}else{
			//					$(this).find("span").html("∧");
			//					$(this).next().find("div").slideDown("fast");
			//				}
			//			});
		});
		/*--------------- 菜单效果:end ---------------*/
	}

	showMenu();
});


<!--可切换导航栏js-->
 function CreateDiv(tabid, url, name)
		 {
		 	setacrent(tabid);
			///如果当前tabid存在直接显示已经打开的tab
			if (document.getElementById("div_" + tabid) == null)
			{
				//创建iframe
				var box = document.createElement("iframe");
				box.id = "div_" + tabid;
				box.src = url;
				box.height = "100%";
				box.frameBorder = "no";
				box.width = "99.5%";
				document.getElementById("div_pannel").appendChild(box);
		
				//遍历并清除开始存在的tab当前效果并隐藏其显示的div
				var tablist = document.getElementById("div_tab").getElementsByTagName('li');
				var pannellist = document.getElementById("div_pannel").getElementsByTagName('iframe');
				if (tablist.length > 0)
				{
					for (i = 0; i < tablist.length; i++)
					{
						tablist[i].className = "";
						pannellist[i].style.display = "none";
					}
				}
		
				//创建li菜单
				var tab = document.createElement("li");
				tab.className = "crent";
				tab.id = tabid;
				var litxt = "<span><a href=\"javascript:;\" onclick=\"javascript:CreateDiv('" + tabid + "','" + url + "','" + name + "')\" title=" + name + " class=\"menua\">" + name + "</a><a onclick=\"RemoveDiv('" + tabid + "')\" class=\"win_close\" title=\"关闭当前窗口\"><a></span>";
				tab.innerHTML = litxt;
				document.getElementById("div_tab").appendChild(tab);
			}
			else
			{
				var tablist = document.getElementById("div_tab").getElementsByTagName('li');
				var pannellist = document.getElementById("div_pannel").getElementsByTagName('iframe');
				//alert(tablist.length);
				for (i = 0; i < tablist.length; i++)
				{
					tablist[i].className = "";
					pannellist[i].style.display = "none"
				}
				document.getElementById(tabid).className = "crent";
				document.getElementById("div_" + tabid).style.display = "block";
			}
		}
		function setacrent(obj){
			var alists=document.getElementById("menu").getElementsByTagName("a");
			for(var i=0;i<alists.length;i++)
			{
				if(alists[i].rel==obj)
					alists[i].className="crent";
				else
					alists[i].className="";
			}
			
		}
		function RemoveDiv(obj)
		 {
			var ob = document.getElementById(obj);
			ob.parentNode.removeChild(ob);
			var obdiv = document.getElementById("div_" + obj);
			obdiv.parentNode.removeChild(obdiv);
			var tablist = document.getElementById("div_tab").getElementsByTagName('li');
			var pannellist = document.getElementById("div_pannel").getElementsByTagName('iframe');
			if (tablist.length > 0)
			{
				tablist[tablist.length - 1].className = 'crent'
				pannellist[tablist.length - 1].style.display = 'block'
			}		
		}
		 
/*时间js*/
  $(function() {
    
        setInterval("GetTime()", 1000);
    });
    //获取时间并设置格式
    function GetTime() {
        var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;
        /*
        mon = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
                "Sep", "Oct", "Nov", "Dec");
        */
        mon = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月",
                "九月", "十月", "十一月", "十二月");
        /*
        day = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
        */
        day = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
        now = new Date();
        hour = now.getHours();
        min = now.getMinutes();
        sec = now.getSeconds();
        if (hour < 10) {
            hour = "0" + hour;
        }
        if (min < 10) {
            min = "0" + min;
        }
        if (sec < 10) {
            sec = "0" + sec;
        }
        $("#Timer").html(
            now.getFullYear() + "年" + (now.getMonth() + 1) + "月" + now.getDate() + "日" + "  " + hour + ":" + min + ":" + sec
            );
        //$("#Timer").html(
        //        day[now.getDay()] + ", " + mon[now.getMonth()] + " "
        //                + now.getDate() + ", " + now.getFullYear() + " " + hour
        //                + ":" + min + ":" + sec);
    }